<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>个人中心</title>
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/ucenter.css">
    <script src="./js/jquery.min.js"></script>
</head>

<body>
    <!-- 头部 -->
    <div class="header">
        <div class="header-top">
            <div class="container clearfix">
                <div class="fl">
                    <div class="fl">您好，欢迎<span class="account"></span>来到易点租</div>
                    <a href="./login.html" class="logout">退出</a>
                </div>
                <div class="fr">
                    <ul class="header-list clearfix">
                        <li class="header-list-item">您还未申请免押金额度</li>
                        <li class="header-list-item">
                            <a href="#" class="color-blue">立即申请</a>
                        </li>
                        <li class="header-list-item drop-down">
                            <a href="#" class="user-center">用户中心
                                <i class="iconfont icon-header"></i>
                            </a>
                            <ul class="subnav">
                                <li><a href="#">我的订单</a></li>
                                <li><a href="#">我的账单</a></li>
                                <li><a href="#">我的发票</a></li>
                                <li><a href="#">账户充值</a></li>
                                <li><a href="#">账户安全</a></li>
                                <li><a href="#">申请免押金额度</a></li>
                            </ul>
                        </li>
                        <li class="header-list-item">销售热线：<span class="color-blue">400-810-9528</span></li>
                        <li class="header-list-item">客服热线：<span class="color-blue">400-886-9528</span></li>
                        <li class="header-list-item"><a href="#">服务中心</a></li>
                    </ul>
                </div>

            </div>
        </div>
        <div class="header-center">
            <div class="container clearfix">
                <div class="center-logo fl">
                    <div class="fl">
                        <a href="./index.html" class="logo-pic"></a>
                    </div>
                    <div class="fl logo-text">
                        <h2>我的易点租</h2>
                        <a href="./index.html">返回商城首页</a>
                    </div>
                </div>
                <div class="center-Hnavtit fl">
                    <a href="./ucenter.html">首页</a>
                    <a href="#">我的账户</a>
                </div>
                <div class="center-search fl">
                    <input type="text" class="search-text" placeholder="免押金租电脑">
                    <i></i>
                    <button class="search-btn">
                        <i class="iconfont icon-search-btn"></i>
                        搜索
                    </button>
                </div>
                <div class="center-shopcar fr">
                    <a href="./shopcar.html">
                        <i class="iconfont icon-shopcar"></i>
                        购物车
                        <b>></b>
                    </a>
                    <span>0</span>
                </div>
            </div>
        </div>
    </div>
    <!-- 主体页面 -->
    <div class="container">
        <div class="center-main clearfix">
            <!-- 侧边导航 -->
            <div class="center-left fl">
                <ul class="sidebar">
                    <li class="side_li">
                        <h3>订单中心</h3>
                        <ul>
                            <li class="click-name">
                                <a href="#" class="color-blue">我的订单</a>
                            </li>
                            <li class="click-name">
                                <a href="#">订单续租</a>
                            </li>
                        </ul>
                    </li>
                    <li class="side_li">
                        <h3>资产中心</h3>
                        <ul>
                            <li class="click-name">
                                <a href="#">我的账户</a>
                            </li>
                            <li class="click-name">
                                <a href="#">我的账单</a>
                            </li>
                            <li class="click-name">
                                <a href="#">我的设备</a>
                            </li>
                            <li class="click-name">
                                <a href="#">设备变更记录</a>
                            </li>
                            <li class="click-name">
                                <a href="#">申请免押金额度</a>
                            </li>
                            <li class="click-name">
                                <a href="#">我的优惠券</a>
                            </li>
                        </ul>
                    </li>
                    <li class="side_li">
                        <h3>服务中心</h3>
                        <ul>
                            <li class="click-name">
                                <a href="#">我的发票</a>
                            </li>
                            <li class="click-name">
                                <a href="#">退换货返修</a>
                            </li>
                            <li class="click-name">
                                <a href="#">在租设备升配</a>
                            </li>
                        </ul>
                    </li>
                    <li class="side_li">
                        <h3>设置</h3>
                        <ul>
                            <li class="click-name">
                                <a href="#">账户安全</a>
                            </li>
                            <li class="click-name">
                                <a href="#">快递地址</a>
                            </li>
                        </ul>
                    </li>
                </ul>
            </div>
            <div class="sidebar-line-content"></div>
            <!-- 右半部分 -->
            <div class="center-right fr">
                <div class="acc-box">
                    <table class="top-table">
                        <tbody>
                            <tr class="acc-tr">
                                <td rowspan="2" class="acc-first-td">
                                    <div class="acc-first-box">
                                        <i class="iconfont icon-account-title"></i>
                                        <span class="comp-cir top-cir"></span>
                                        <span class="comp-cir bottom-cir"></span>
                                        <div class="comp-box">
                                            <p class="acc-company"></p>
                                            <div class="star-box">
                                                <i class="iconfont credit-icon icon-star-bar-on"></i>
                                                <i class="iconfont credit-icon icon-star-bar-off"></i>
                                            </div>
                                        </div>
                                    </div>
                                </td>
                                <td colspan="4" class="acc-name-td">
                                    <p class="acc-show-title">我的账户</p>
                                </td>
                            </tr>
                            <tr class="show-tr">
                                <td class="show-td">
                                    <div class="acc-wrap">
                                        <p class="acc-title">
                                            <i class="iconfont icon-account1 acc-icon"></i>
                                            <span>余额</span>
                                        </p>
                                        <p class="acc-num">0.00</p>
                                        <p class="acc-txt"></p>
                                        <div>
                                            <a href="#">充值</a>
                                            <a href="#" class="btn-cash">提现</a>
                                        </div>
                                    </div>
                                    <div class="inter-line1"></div>
                                </td>
                                <td class="show-td">
                                    <div class="acc-wrap">
                                        <p class="acc-title">
                                            <i class="iconfont icon-account2 acc-icon"></i>
                                            <span>押金</span>
                                        </p>
                                        <p class="acc-num">0.00</p>
                                        <p class="acc-txt"></p>

                                    </div>
                                    <div class="inter-line1"></div>
                                </td>
                                <td class="show-td">
                                    <div class="acc-wrap">
                                        <p class="acc-title">
                                            <i class="iconfont icon-account3 acc-icon"></i>
                                            <span>e币</span>
                                        </p>
                                        <p class="acc-num">0.00</p>
                                        <p class="acc-txt"></p>

                                    </div>
                                    <div class="inter-line1"></div>
                                </td>
                                <td class="show-td">
                                    <div class="acc-wrap">
                                        <p class="acc-title">
                                            <i class="iconfont icon-account4 acc-icon"></i>
                                            <span>可用免押金</span>
                                        </p>
                                        <p class="acc-num">-</p>
                                        <p class="acc-txt">暂无免押金额度</p>
                                        <div>
                                            <a href="#">申请免押额度</a>

                                        </div>
                                    </div>

                                </td>
                            </tr>
                        </tbody>
                    </table>
                </div>
                <div class="top-box clearfix">
                    <div class="left-box fl">
                        <div class="title-box">
                            <span>我的设备</span>
                        </div>
                        <div class="device-table-wrap">
                            <table class="device-table">
                                <tbody>
                                    <tr class="device-tr">
                                        <td class="device-td">
                                            <div class="device-wrap">
                                                <i class="devi-icon iconfont icon-account5"></i>
                                                <p class="device-title">在租设备</p>
                                                <p class="device-num">
                                                    <a href="#">0</a>
                                                </p>
                                            </div>
                                        </td>
                                        <td class="device-td">
                                            <div class="device-wrap">
                                                <i class="devi-icon iconfont icon-account6"></i>
                                                <p class="device-title">退租设备</p>
                                                <p class="device-num">
                                                    <a href="#">0</a>
                                                </p>
                                            </div>
                                        </td>
                                        <td class="device-td width-td">
                                            <div class="device-wrap">
                                                <i class="devi-icon iconfont icon-account7"></i>
                                                <p class="device-title">租完即送到期设备</p>
                                                <p class="device-num">
                                                    <a href="#">0</a>
                                                </p>
                                            </div>
                                        </td>
                                        <td class="device-td">
                                            <div class="device-wrap">
                                                <i class="devi-icon iconfont icon-account8"></i>
                                                <p class="device-title">退换/售后</p>
                                                <p class="device-num">
                                                    <a href="#">-</a>
                                                </p>
                                            </div>
                                        </td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                        <div class="bill-box">
                            <div class="title-box">
                                <span>我的账单</span>
                            </div>
                            <div class="no-bill-box">
                                <i class="iconfont icon-account13"></i>
                                <span class="bill-show-txt">暂无账单</span>
                            </div>
                        </div>
                    </div>
                    <div class="right-box fl">
                        <div class="title-box">
                            <span>我的免押金</span>
                        </div>
                        <div class="free-deposit-wrap">
                            <table class="free-table">
                                <tbody>
                                    <tr class="title-tr">
                                        <td class="title-tr-first">
                                            <span class="tr-title1">风控系数</span>
                                            <br>
                                            <span class="tr-title2">成色</span>
                                        </td>
                                        <td>新品</td>
                                        <td>非新品</td>
                                        <td>低风险机型</td>
                                    </tr>
                                    <tr>
                                        <td>免押金比例</td>
                                        <td><span class="newRate">0</span></td>
                                        <td><span class="nonNewRate">0</span></td>
                                        <td><span class="lowRisk">0</span></td>
                                    </tr>
                                    <tr>
                                        <td>首付期数</td>
                                        <td><span class="newRate">1</span></td>
                                        <td><span class="nonNewRate">1</span></td>
                                        <td><span class="lowRisk">1</span></td>
                                    </tr>
                                </tbody>
                            </table>
                            <div class="no-credit-box">
                                <i class="iconfont icon-account14"></i>
                                <span class="no-credit-text">
                                    暂无额度
                                    <a href="#">申请免押金</a>
                                </span>
                            </div>
                        </div>
                    </div>
                    <div class="order-table-wrap fl">
                        <div class="title-box">
                            <span>我的账单</span>
                        </div>
                        <table class="order-table">
                            <tbody>
                                <tr class="order-table-tr">
                                    <td class="order-table-td">
                                        <a href="#">
                                            <div class="order-table-box">
                                                <i class="iconfont icon-order icon-account9"></i>
                                                <p class="order-title">待付款</p>
                                            </div>
                                        </a>
                                    </td>
                                    <td class="order-table-td">
                                        <a href="#">
                                            <div class="order-table-box">
                                                <i class="iconfont icon-order icon-account10"></i>
                                                <p class="order-title">待收货</p>
                                            </div>
                                        </a>
                                    </td>
                                    <td class="order-table-td">
                                        <a href="#">
                                            <div class="order-table-box">
                                                <i class="iconfont icon-order icon-account12"></i>
                                                <p class="order-title">租赁中</p>
                                            </div>
                                        </a>
                                    </td>
                                    <td class="order-table-td">
                                        <a href="#">
                                            <div class="order-table-box">
                                                <i class="iconfont icon-order icon-account15"></i>
                                                <p class="order-title">即将到期</p>
                                            </div>
                                        </a>
                                    </td>
                                    <td class="order-table-td">
                                        <a href="#">
                                            <div class="order-table-box">
                                                <i class="iconfont icon-order icon-account16"></i>
                                                <p class="order-title">全部订单</p>
                                            </div>
                                        </a>
                                    </td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
                <!-- 收支明细 -->
                <div class="no-order-list">
                    <div class="non-bill-box">
                        <i class="iconfont icon-car"></i>
                        <span class="bill-show-txt">暂无订单，快去挑选合适的商品吧！</span>
                    </div>
                </div>
            </div>

        </div>
    </div>
    <!-- 底部列表 -->
    <div class="base">
        <div class="centre">
            <div class="about ">
                <ul>
                    <li class="title">关于易点租</li>
                    <li><a href="#" class="abot-link">公司概况</a></li>
                    <li><a href="#" class="abot-link">加入我们</a></li>
                    <li><a href="#" class="abot-link">联系我们</a></li>
                    <li><a href="#" class="abot-link">媒体报道</a></li>
                </ul>
            </div>
            <div class="explain">
                <ul>
                    <li class="title">租机预订说明</li>
                    <li><a href="#" class="abot-link" class="abot-link">什么是免押金租赁</a></li>
                    <li><a href="#" class="abot-link" class="abot-link">租机流程</a></li>
                    <li><a href="#" class="abot-link" class="abot-link">租金缴付</a></li>
                    <li><a href="#" class="abot-link" class="abot-link">租赁方式</a></li>
                    <li><a href="#" class="abot-link" class="abot-link">租赁协议</a></li>
                </ul>
            </div>
            <div class="cost">
                <ul>
                    <li class="title">租机费用及结算</li>
                    <li><a href="#" class="abot-link">价格说明</a></li>
                    <li><a href="#" class="abot-link">开取发票</a></li>
                </ul>
            </div>
            <div class="serve">
                <ul>
                    <li class="title">企业服务</li>
                    <li><a href="#" class="abot-link">集团账号登录</a></li>
                    <li><a href="#" class="abot-link">服务中心</a></li>
                </ul>
            </div>
            <div class="footer-logo">
                <li class="picture"></li>
                <h4>400-886-9528</h4>
                <h6>周一至周日(9:00-18:00)</h6>
            </div>
        </div>
    </div>
    <!-- 侧边导航 -->
    <div class="right-nav">
        <div class="right-nav-item">
            <a href="#">
                <i class="iconfont ico-right-nav1"></i>
                <span class="line-nav"></span>
            </a>
            <a href="#">
                <i class="iconfont ico-right-nav2"></i>
                <span class="line-nav"></span>
            </a>
            <a href="#">
                <i class="iconfont ico-right-nav3"></i>
                <span class="line-nav"></span>
            </a>
            <a href="#" class="gzh">
                <i class="iconfont ico-right-nav4"></i>
                <span class="line-nav"></span>
                <div class="ma-box1">
                    <i class="iconfont icon-index-ma1"></i>
                    <p>易点租微信公众号</p>
                </div>
            </a>
            <a href="#" class="xcx">
                <i class="iconfont ico-right-nav5"></i>
                <span class="line-nav"></span>
                <div class="ma-box2">
                    <i class="iconfont icon-index-ma2"></i>
                    <p>微信扫码轻松下单</p>
                </div>
            </a>
        </div>
    </div>
    <!-- 最底部 -->
    <div class="foot">
        <p class="footOne">© Copyright Reserved 2014-2019　| &nbsp;&nbsp;<a href=""><img src="./image/index/guohui.png">
                京公网安备
                11010102002019号</a> |　京ICP备14057387号-1　|　北京易点淘网络技术有限公司&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="#"><i
                    class="unit"></i></a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href=""><i class="enterprise"></i></a>
        </p>
        <p class="footTwo">办公地址： 北京市海淀区西二旗大街39号融通高科大厦二层 易点租</p>
        <p class="footThree">
            <a href="#">北京退换机地址</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
            <a href="#">上海退换机地址</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
            <a href="#">深圳退换机地址</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
            <a href="#">武汉退换机地址</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

        </p>
    </div>
    <script>
        var user = localStorage.getItem("user")
        if(user){
            $(".account").html(user)
            $(".acc-company").html(user)
        }else{
            window.location.href="./login.html"
        }
        $(".logout").click(function(){
            localStorage.removeItem("user")
        })
        
    </script>
</body>

</html>